<?xml version="1.0" encoding="UTF-8"?>

<svg version="1.1" baseProfile="basic" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 480 360" class="reftest-wait" onload="first();">

<script><![CDATA[

function first()
{
  document.getElementById("z").appendChild(document.getElementById("pat1"));
  setTimeout(second, 30);
}

function second()
{
  document.getElementById("pat4").appendChild(document.getElementById("z"));
  document.documentElement.removeAttribute("class");
}

]]></script>


		<pattern patternUnits="userSpaceOnUse" id="pat1" x="10" y="10" width="20" height="20">
			<rect x="5" y="5" width="10" height="10" fill="red" />
			<rect x="10" y="10" width="10" height="10" fill="green" />
		</pattern>
		<rect x="25" y="10" width="430" height="60" stroke="black" fill="url(#pat1)" />

		<pattern patternUnits="userSpaceOnUse" id="pat4" x="0" y="0" width="20" height="10">
			<rect x="0" y="0" width="10" height="10" fill="red" />
			<rect x="10" y="0" width="10" height="10" fill="blue" />
		</pattern>
		<text font-family="Arial" font-size="40" fill="none" stroke="url(#pat4)" stroke-width="2"  x="25" y="275" id="z">Pattern on stroke</text>

</svg>

